<template>
	<div style="padding:0.4rem 0.6rem;" >
		<section style="width: 100%;display: flex;flex-direction: column;background-color: white;">
			<section style="justify-content: left;align-items: center;display: flex;flex-direction: row;height: 2.8rem;padding: 0 0.5rem;">
				<span style="flex: 7;text-align: left;font-size: 1.1rem;">编号：{{BillNo}}</span>
				<!--<mu-icon style="flex: 1;" value="keyboard_arrow_right" :size="26"/>-->
			</section>
			<section style="display: flex;flex-direction: column;justify-content: center;justify-content: left;padding: 0 0.5rem;">
				<span  class="card-item-child">车牌号：{{CarNo}}</span>
				<span  class="card-item-child">计量状态：{{Step}}</span>
				<span  class="card-item-child">产品：{{ItemName}}</span>
				<span class="card-item-child">净重：{{QtyAcc}}</span>
				<!--<li v-if="TimeIns || TimeOut"  class="card-item-child"></li>-->
				<span v-if="TimeIns" class="card-item-child">进厂：{{TimeIns}}</span>
				<span v-if="TimeOut" class="card-item-child">出厂：{{TimeOut}}</span>
				
			</section>
			<mu-divider></mu-divider>
		</section>
		</div>
</template>

<script>
	export default{
		data(){
			return {
				
			}
		},
		props:{
			ID:{
				type:String,
				default:'100001'
			},
			BillNo:{
				type:String,
				default:''
			},
			CarNo:{
				type:String,
				default:''
			},
			Step:{
				type:String,
				default: ''
			},
			ItemName:{
				type:String,
				default: ''
			},
			QtyAcc:{
				type:Number,
				default:0
			},
			
			TimeIns:{
				type:String,
				default:''
			},
			TimeOut:{
				type:String,
				default:''
			}

		}
	}
</script>

<style>
	.card-item-child{
		text-align: left;
		font-size: 0.9rem;
		height: 1.6rem;
		color: #939393;
	}
</style>